<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery Pirates</title>
<link rel="stylesheet" type="text/css"
	href="../../themes/default/panel.css">
<link rel="stylesheet" type="text/css"
	href="../../themes/default/layout.css">
<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
<script type="text/javascript" src="../../src/jquery.panel.js"></script>
<script type="text/javascript" src="../../src/jquery.layout.js"></script>
<script type="text/javascript" src="../../src/jquery.resizable.js"></script>
<script>
	$(function() {
		$("#pirlayout").layout();
	});
</script>
</head>
<body id="pirlayout">
<div id="north" style="height: 50px;" >south</div>
<div id="south" style="height: 50px;" title="south">south</div>
<div id="east" style="width: 100px;" title="east">east</div>
<div id="west" style="width: 200px;" title="west">west</div>
<div id="center" title="center">center</div>
</body>
</html>